<template>
    <u-popup @open="open" @close="close" @closeOnClickOverlay="isShow = false" style="flex:none" :show="isShow">
        <view class="schedule_box">
            <view class="schedule">
                <view class="schedule_item">
                    <view @tap="handleReport" class="schedule_item">
                        <image mode="withFix" src="@/static/images/app_center/bgxt.png" />
                        <text class="name">出行报备</text>
                    </view>
                </view>
                <view class="schedule_item">
                </view>
                <view class="schedule_item">
                </view>
                <view class="schedule_item">
                </view>
            </view>
            <view class="cancel" @tap="isShow = false">取消</view>
        </view>
    </u-popup>
</template>
  
<script setup>
import { ref } from 'vue';
import { onLoad } from "@dcloudio/uni-app";
import { filterMenus } from '@/utils/common'
import modal from '@/plugins/modal'
const isShow = ref(false)
const open = () => {
    isShow.value = true
}
const close = () => {
    isShow.value = false
}
onLoad(() => {
})
const handleReport = () => {
    // if (!filterMenus('/oa', 'outGoing')) {
    //     return modal.msgError('暂无权限')
    // }
    uni.navigateTo({ url: '/pages/outReport/index' })
    close()
}
defineExpose({
    open,
    close
})
</script>
  
<style lang="scss">
.schedule_box {
    display: flex;
    flex-direction: column;
    height: 300rpx;
    background-color: #fff;

    .schedule {
        display: flex;
        flex: 1;

        .schedule_item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex: 1;

            image {
                width: 80rpx;
                height: 80rpx;

            }

            .name {
                font-size: 28rpx;
                color: #000;
                margin-top: 16rpx;
            }
        }
    }

    .cancel {
        height: 90rpx;
        background-color: #fff;
        font-size: 32rpx;
        color: #000;
        text-align: center;
        line-height: 90rpx;
        border-top: 2rpx solid #eeeeee;
    }

}
</style>
  